.content-left {
  display: flex;
  flex: 2;
  flex-wrap: wrap;
  gap: 0 20px;
  max-height: 460px;
  overflow-y: auto;
}

.content-right {
  flex: 1;
  height: 100%;
}

.capacity-text {
  display: flex;
  justify-content: space-between;
  width: 100%;
}

.content-box-blank {
  width: 170px;
  height: 124px;
  margin: 10px;
  padding: 20px 20px;
  background-image: url('@/assets/svg/module_blank.svg');
}

.content-box-orange {
  width: 170px;
  height: 124px;
  margin: 10px;
  padding: 20px 10px;
  background-image: url('@/assets/svg/module_orange.svg');
}

.content-box-red {
  width: 170px;
  height: 124px;
  margin: 10px;
  padding: 20px 10px;
  background-image: url('@/assets/svg/module_red.svg');
}

.content-box-yellow {
  width: 170px;
  height: 124px;
  margin: 10px;
  padding: 20px 10px;
  background-image: url('@/assets/svg/module_yellow.svg');
}

.content-box-blue {
  width: 170px;
  height: 124px;
  margin: 10px;
  padding: 20px 10px;
  background-image: url('@/assets/svg/module_blue.svg');
}

.monthReport {
}

.ModalTitle {
  margin-bottom: 20px;
  color: red;
  font-size: 14px;
}
